<!--
 * @Author: ganjiejie 8025279+ganjiejie@user.noreply.gitee.com
 * @Date: 2025-05-20 15:18:42
 * @LastEditors: ganjiejie 8025279+ganjiejie@user.noreply.gitee.com
 * @LastEditTime: 2025-05-21 14:26:28
 * @FilePath: \gj-vue3-vite-pinia-app\src\components\Search.vue
 * @Description: 搜索组件
 * 
 * Copyright (c) 2025 by ${git_name_email}, All Rights Reserved. 
-->
<template>
  <div class="goods-search">
    <!-- v-model="keyword" @keyup.enter="search" -->
    <input type="text" placeholder="请输入关键字" />
    <span class="search-icon"><i class="ri-search-line"></i></span>
  </div>
</template>
<script setup></script>
<style scoped>
.goods-search {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  position: relative;
  border-bottom: 1px solid #e6e6e6;
}
.goods-search input {
  width: 100%;
  padding: 10px 10px 10px 20px;
  background: #e6e6e6;
  border-radius: 10px;
  border: none;
}
.goods-search .search-icon {
  left: 15px;
  top: 17px;
  position: absolute;
}
</style>
